import React from 'react';
import {
	render
}
from 'react-dom';

import {
	Router, Route, IndexRoute, Link, browserHistory
}
from 'react-router';

function g(id) {
	return document.getElementById(id);
}

const routes = {
	component: 'div',
	childRoutes: [{
		path: '/',
		component: require('./components/App'),
		childRoutes: [
			require('./routes/Index'),
			require('./routes/List')
		]
	}]
}

import {
	App
}
from './components/App/index.js';
import {
	Index
}
from './components/Index/index.js';
import {
	ListPage
}
from './components/List/index.js';

render(
	<Router history={browserHistory}>
		<Route path="/" component={App}>
			<IndexRoute component={Index}/>
			<Route path="/list" component={ListPage}>
			</Route>
		</Route>
	</Router>,
	g('app')
)